import React from 'react';
import { connect } from 'react-redux';
import { View } from '@tarojs/components';
import NavBar from '@/components/NavBar';
import './index.scss';

const BindWalletUseInfoPage = ({ appName }) => {
  let titleStyles = {
    color: '#ffffff',
    textAlign: 'left',
  };

  return (
    <View className={'totalPage_bindWalletUseInfo' + (appName == 'suXiaoFu' ? ' bg_suXiaoFu' : '')}>
      <NavBar
        title={appName == 'suXiaoFu' ? '苏小福数字人民币使用攻略' : '太湖吉市数字人民币使用攻略'}
        backgroundColor="transparent"
        titleStyles={titleStyles}
        leftWhite
      />
    </View>
  );
};

export default connect(({ otherApi }) => ({
  appName: otherApi.appName,
}))(BindWalletUseInfoPage);
